<!DOCTYPE HTML>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
		<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
		<title>录播课</title>
		<link rel="stylesheet" type="text/css" href="../../lib/api.css" />
		<link rel="stylesheet" type="text/css" href="../../lib/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/mall/productList.css" />
	</head>

	<body>
		<div id="app" v-cloak>
			<!--公共头部开始-->
			<div class="back-header fixed">
				<a v-on:click="close()" class="back-header-a">
					<i class="fa fa-angle-left fa-2x white middle"></i>
				</a>
				<div class="back-header-main">录播课</div>
				<ul id="cate" class="categoryList">
					<li v-bind:class="{ active: cid == item.id }" v-for="item in categoryList" v-on:click="choose(item.id)" class="categoryList-li">
						{{item.name}}
					</li>
				</ul>
			</div>
			<!--公共头部结束-->
			<div id="main" class="main">
				<!--课程展示S-->
				<div class="classList">
					<ul class="classList-ul">
						<li class="classList-li" v-for="item in classList" @click="open(item.id)">
							<img class="classList-li-img" :src="url + (item.thumb_path) + (item.thumb)" />
							<p class="classList-li-courseware">
								<span>{{item.title}}</span>
								<span v-if="item.integral == 0" class="classList-li-integral green">免费</span>
								<span v-else class="classList-li-integral red">{{item.integral}}积分</span>
							</p>
							<p class="classList-li-courseware">
								{{item.description}}
							</p>
							<div class="clear">

							</div>
						</li>
					</ul>
				</div>
				<!--课程展示E-->
				<!--没有数据时使用-->
				<div v-if="isNoM" class="noMsg-div">
					<my-component></my-component>
				</div>
			</div>
		</div>
	</body>
	<script src="../../script/api.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/vue.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/common/config.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/common/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/course/tapedLessons.js" type="text/javascript" charset="utf-8"></script>

</html>